<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<%@ taglib prefix="s" uri="/struts-tags" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>My JSP 'itemshow.jsp' starting page</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
 	<link href="./skin/swap_files/manage_course.css" rel="stylesheet" type="text/css">
	<link type="text/css" href="./skin/swap_files/jquery-ui-1.7.2.custom.css" rel="stylesheet" charset="utf-8" media="screen">
	<link type="text/css" href="./skin/swap_files/wokaobox.css" rel="stylesheet" charset="utf-8" media="screen">
	<link rel="stylesheet" type="text/css" href="./skin/swap_files/rrshare.css">
	<link rel="stylesheet" type="text/css" href="data:text/css">
	<script src="<%=request.getContextPath()%>/common/js/jquery-1.7.1.min.js" type="text/javascript"></script>
 </head>
<body id="course_manage">
	<jsp:include page="/user/header.jsp"></jsp:include>
	<div id="content" class="content cf">
		<p id="sub_nav">
			<a href="">我的物品</a>&nbsp;&nbsp;&gt;&nbsp;&nbsp;
			<span id="nav_title"><s:property value="product.title"/></span>
		</p>
			
	<!-- 物品展示第一：物品基本属性 -->
		<div class="main fl">
			<div class="main_hd"></div>
			<div class="main_bd">
				<div class="base_info" style="background: url(public/swap1.png) no-repeat; margin-top: 10px;">
					<h2 style="margin-top: 50px;"><s:property value="product.title"/></h2>
					<div id="edit_course_info" style="height: 900px;">
						<dl class="info_item" id="title_item">
							<dt class="cf">
								<label for="course_title" class="fl">物品名称</label>
							</dt>
							<dd class="title_wrapper">
								<input id="course_title" name="title" type="text" value="<s:property value="product.title"/>" class="title_input required" readonly="readonly"/>
							</dd>
						</dl>
						<dl class="info_item" id="detail_item">
							<dt class="cf">
								<label for="course_detail" class="fl">内容简介</label>
							</dt>
							<dd class="detail_wrapper">
								<textarea class="title_input required" readonly="readonly"><s:property value="product.content"/></textarea>
							</dd>
						</dl>
						<dl class="info_item" id="upload_item">
							<dt class="cf">
								<label for="upload_img" class="fl">物品展示</label>
							</dt>
							<dd class="upload_img_wrapper cf">
								<img src="<%=path %>/upload/<s:property value="product.cover.name"/>"
									id="course_img" class="img_preview fl" width="156" height="104" alt="<s:property value="product.content"/>">
							</dd>
						</dl>

						<dl class="item" id="charge_item" style="margin-left: -80px; width: 640px;">
							<h2>物主报价</h2>
							<dd>
								<p><font color="#EEAD0E"><s:property value="product.price"/></font></p>
							</dd>
						</dl>
						<div class="base_info"
							style="background: url(./public/manage_course_record_icon-37-37-20120323.gif) 18px 22px no-repeat; border-top: 1px solid #f2f2f2; margin-left: -80px; width: 640px;">
							<div id="edit_course_info" style="margin-top: -10px;">
								<dl class="info_item" id="title_item">
									<h2>需求物品</h2>
									<dt class="cf" style="margin-top: 30px;">
										<label for="course_title" class="fl"><s:property value="product.wantTitle"/></label>
									</dt>
									<dd class="title_wrapper">
										<input id="course_title" name="title" type="text"
											value="<s:property value="product.wantTitle"/>" class="title_input required" readonly="readonly">
									</dd>
								</dl>
								<dl class="info_item" id="detail_item">
									<dt class="cf">
										<label for="course_detail" class="fl">内容简介</label>
									</dt>
									<dd class="detail_wrapper">
										<textarea class="title_input required" readonly="readonly"><s:property value="product.wantDescription"/></textarea>
									</dd>
								</dl>

								<dl class="item" id="time_item"
									style="margin-left: -80px; width: 640px; border-top: 1px solid #f2f2f2;">
									<dt>交换时间</dt>
									<dd class="item_content cf">
										<div class="fl">
											<p><s:property value="product.extendTime"/></p>
										</div>
									</dd>
								</dl>
								<dl class="item" id="config_item"
									style="margin-left: -80px; width: 640px;">
									<dt>交易地点</dt>
									<dd class="item_content cf">
										<div class="fl">
											<p><s:property value="product.extendAddress"/></p>
										</div>
									</dd>
								</dl>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="main_ft"></div>
		</div>
		<!-- 物品展示第一：物品基本属性 -->


	<!-- 物品展示右侧：物品评价信息 -->
	<div class="side fr">
		<div class="side_bd">
			<div class="side_content" style="">
				<div id="attend_lists" style="margin: 0px;">
					<div class="sub_section cf">
						<h3 class="fl" style="border: 0px;">
							<span class="enroll_num">165</span>人已参加
						</h3>
					</div>
					<div class="attend_user_list">
						<ul class="cf">
							<li class="fl ">
								<a href="http://www.duobei.com/1427160085" target="_blank">
									<img src="./skin/swap_files/e1813222e2db43bea7bcc4430cd151f0.jpg"
										class="to_popup" width="40" height="40" alt="song的世界"
										title="song的世界"/>
									<br/>song的世界
								</a>
							</li>
						</ul>
						<p id="page_scroll">
							<a href="javascript:;" class="scroll_left disabled"></a>
							<a href="" class="scroll_right" title="下一页"></a>
						</p>
					</div>
				</div>
				<!-- end #attent_lists -->

				<div id="brother_courses" style="margin: 0px;">
					<div class="sub_section cf">
						<span class="fl" style="border: 0px;">张三的其他物品</span>
						<a href="" class="fr">全部</a>
					</div>
					<ul class="cf">
						<li class="fl ">
							<a href="" class="course_img" title="">
								<img src="./skin/swap_files/e1813222e2db43bea7bcc4430cd151f0.jpg" width="111" height="74"> </a>
							<h4>
								<a href="" class="title"
									title="">左轮吉他：详解吉他学习不同阶段...</a>
							</h4>
						</li>
					</ul>
				</div>
				<h3>物品数据</h3>
				<ul id="course_status">
					<li class="cf">
						<span class="status_item fl">收藏次数</span>
						<span class="count_wrap fr"><span class="collect_count">0</span>次</span>
					</li>
				</ul>
			</div>
			<!-- end side_content -->
		</div>
		<!-- end side body -->
		<div class="side_ft"></div>
	</div>
	<!-- 物品展示右侧：物品评价信息 -->
	
	<!-- 交易记录 -->
	<div class="main fl" style="">
		<div class="main_bd" >
			<div class="main_content" style="padding: 0px;">
				<div id="item_wrap" style="padding: 0px;width: 640px;">
					<dl class="item" id="time_item" style="background: url(./skin/show_files/b5190e864c4f4dca8b95d81fc74a22ea.jpg) 18px 22px no-repeat;border-bottom: 1px solid #f2f2f2; ">
						<dt>
							<a href="#">李四</a>
						</dt>
						<dd class="item_content cf">
							<div class="fl">
								<p style="font: bolder 10px Microsoft YaHei;color: #EE9A00">报价交易：999</p>
								<p>2013年07月20日，星期六，12:02 - 13:02</p>
							</div>
							<p style="margin-left: 480px;">未完成</p>
						</dd>
					</dl>
				<dl class="item" id="time_item" style="background: url(./skin/show_files/b5190e864c4f4dca8b95d81fc74a22ea.jpg) 18px 22px no-repeat; ">
						<dt>
							<a href="#">王五</a>
						</dt>
						<dd class="item_content cf">
							<div class="fl">
							<p style="font: bolder 10px Microsoft YaHei;color: #EE9A00">物品交易：
								<a href="#">单反相机</a>
							</p>
							<div id="footer" style="background: #fff url() left top repeat-x;width: 480px;border: 0px;margin-top: -0px;">
								<div class="contact_img" style="float: left; background-color: ; width: 60px;">
									<a href=""><img src="./skin/swap_files/e1813222e2db43bea7bcc4430cd151f0.jpg"> </a>
								</div>
							</div>
								<p>2013年07月20日，星期六，12:02 - 13:02</p>
							</div>
							<p style="margin-left: 480px;">未完成</p>
						</dd>
					</dl>
				</div>
			</div>
			<!-- end main content -->
		</div>
		<!-- end main body -->
		<div class="main_ft"></div>
	</div>
	<!-- 交易记录 -->
  </div>
	<jsp:include page="/footer.jsp"></jsp:include>
	</body>
</html>